.rank{
    width: 100%;
    margin-bottom: 0.3125rem;
}
.rank-title{
    width: 100%;
    height: 2.5rem;
    background-color: #ffffff;
    color: red;
    line-height: 2.5rem;
}
.phb{
    margin-right: 0.3125rem;
    margin-left: 1.25rem;
}

.rank-member-box{
    width: 100%;
    height: 6.4375rem;
    margin-top: 1.25rem;
}
.rank-member{
    width: 94.6%;
    height: 100%;
    margin: 0 auto;
    background-color: #ffffff;
    position: relative;
}
.rank-cover{
    position: absolute;
    left: 2.8%;
    bottom: 0.625rem;
    width: 4.75rem;
    height: 6.25rem;
    background-color: aqua;
}
.rank-cover img{
    width: 100%;
    height: 100%;
}
.rank-span{
    position: absolute;
    left: 28.4%;
}
.rank-page{
    font-size: 16px;
    top: 0.8125rem;
}
.rank-label{
    color: #a1a0a0;
    font-size: 12px;
    top: 2.3125rem;
}
.rank-hot{
    font-size: 12px;
    bottom: 1.3125rem;
    color: #a1a0a0;
}
.rank-score{
    font-size: 20px;
    font-weight: 600;
    color: rgba(89, 89, 89, 0.29);
    right: 1.125rem;
    top: 0.8125rem;
    position: absolute;
}
.rank-one{
    background-color: #fc6554 !important;
    color: #ffffff !important;
}
.rank-two{
    background-color: #ff9362 !important;
    color: #ffffff !important;
}
.rank-three{
    background-color: #ffbf68 !important;
    color: #ffffff !important;
}

.rank-one .rank-span, .rank-two .rank-span, .rank-three .rank-span{
    color: #ffffff !important;
}